// pages/publish/tutorial/tutorial.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 富文本开始
    formats: {},
    readOnly: false,
    placeholder: '开始输入攻略内容...',
    editorHeight: 300,
    keyboardHeight: 0,
    isIOS: false,
    //富文本结束
    Topvalue: '添加话题',
    Topcolumns: [], // 获取所有话题
    TopcolumnsIndex: 0,
    Topshow: false,
    fileList: [], //图片上传

    title: '', //标题
    con: '', //内容
    coll: '', // 话题
    pic: '', // 封面图
    userId: 0,
    // topcol:[],  // 单个话题
  },

  /**
   *  新增攻略函数
   */
  insert() {
    // console.log('comm', this.data.comm)
    wx.request({
      url: 'http://localhost:8080/strategy/strategy',
      method: 'POST',
      header: {
        Authorization: getApp().globalData.authorization
      },
      data: {
        // title: '', //标题
        // con: '', //内容  
        // coll: '', // 话题  ***************************
        // pic: '', // 封面图  ***************************

        // strategyImg: this.data.pic,
        strategyId: this.data.strategyId,
        userId: this.data.userId,
        strategyTitle: this.data.title,
        strategyContent: this.data.con,
        // strategyImg: this.data.fileList,
        subjectName: this.data.coll
      },
      success: (resp) => {
        console.log('新增攻略成功，返回', resp.data.code)
        if (resp.data.code == 200) {
          wx.showToast({
            title: '发布成功',
            icon: 'success',
            duration: 1500
          })
          wx.navigateBack()
        }
      }
    })
  },
  // 富文本开始
  onEditorReady() {
    var that = this
    // 初始化一个实例
    wx.createSelectorQuery().select('#editor').context(res => {
      that.oneEditor = res.context
      console.log(res.context)
    }).exec()
  },
  onInput(e) {
    this.oneEditor.getContents({
      success: res => {
        this.setData({
          con: res.html
        });
      }
    });
  },
  onBlur(e) {
    console.log(e)
    this.oneEditor.blur()
  },
  addDivider() {
    this.oneEditor.insertDivider(res => {
      console.log(res)
    })
  },
  insertImage() {
    var that = this
    wx.chooseMedia({
      count: 1,
      mediaType: ['image'],
      sourceType: ['album', 'camera'],
      success(res) {
        console.log(res)
        let url = res.tempFiles[0].tempFilePath
        that.oneEditor.insertImage({
          src: url,
          extClass: "image",
          alt: "图片加载错误",
          width: "100%",
          height: "300rpx"
        })
      }
    })

  },
  // 话题选择
  //   获取话题函数
  getSubject() {
    wx.request({
      url: 'http://localhost:8080/subject/subject_list/list',
      method: 'GET',
      header: {
        Authorization: getApp().globalData.authorization
      },
      data: {},
      success: (resp) => {
        if (resp.data.code == 200) {
          // console.log('Topcolumns', resp.data.rows)
          var k
          for (k = 0; k < resp.data.rows.length; k++) {
            this.setData({
              Topcolumns: this.data.Topcolumns.concat(resp.data.rows[k].subjectName)
            })
          }
          // console.log('Topcolumns', this.data.Topcolumns)
        }
      },
      // complete: () => {
      //   //   根据话题名查询对应的话题id   将其存入话题攻略中间表 函数   *********************************
      //   wx.request({
      //     url: 'http://localhost:8080/subject/subject_list/list',
      //     method: 'GET',
      //     header: {
      //       Authorization: getApp().globalData.authorization
      //     },
      //     data: {
      //       subjectName: this.data.Topcolumns
      //     },
      //     success: (resp) => {
      //       if (resp.data.code == 200) {
      //         console.log('话题id对应的话题数据，取id', resp)
      //         // var k
      //         // for (k = 0; k < resp.data.rows.length; k++) {
      //         //   this.setData({
      //         //     Topcolumns: this.data.Topcolumns.concat(resp.data.rows[k].subjectName)
      //         //   })
      //         // }
      //         // console.log('Topcolumns', this.data.Topcolumns)
      //       }
      //     }
      //   })

      // }
    })
  },

  // 图片上传              *****************************
  // afterRead(event) {
  //   const {
  //     file
  //   } = event.detail;
  //   // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
  //   wx.uploadFile({
  //     url: 'http://localhost:8080/common/upload', // 接口地址
  //     filePath: file.url,
  //     name: 'file',
  //     formData: {
  //       user: 'test'
  //     },
  //     success(res) {
  //       // 上传完成需要更新 fileList
  //       const {
  //         fileList = []
  //       } = this.data.fileList;
  //       fileList.push({
  //         ...file,
  //         url: res.data
  //       });
  //       this.setData({
  //         fileList
  //       });
  //     },
  //   });
  // },

  showTopPopup() {
    this.setData({
      Topshow: true
    });
  },
  onTopConfirm(event) {
    console.log(event)
    const {
      picker,
      value,
      index
    } = event.detail;
    console.log(`当前值：${value}, 当前索引：${index}`);
    this.setData({
      Topshow: false,
      Topvalue: event.detail.value
    });
  },
  onTopChange(event) {
    const {
      picker,
      value,
      index
    } = event.detail;
    console.log(`当前值：${value}, 当前索引：${index}`);
  },
  onTopCancel() {
    this.setData({
      Topshow: false
    });
  },

  // 富文本结束


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    //获取键盘高度
    wx.onKeyboardHeightChange((res) => {
      console.log("KeyboardHeight", res.height)
      this.oneEditor.scrollIntoView()
      this.setData({
        keyboradHight: res.height
      })
    })

    this.getSubject()

    var loginfo = getApp().globalData.loginfo;
    console.log(loginfo)
    this.setData({
      userId: loginfo.userId
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})